<template>
  <div id="app">
    <c-header></c-header>
    <transition name="fade" mode="out-in">
      <router-view v-if="isRouteActive"></router-view>
    </transition>
  </div>
</template>

<script setup>
import CHeader from "./components/title";
import { provide,nextTick,ref } from 'vue'

const isRouteActive = ref(true)

provide('reload', () => {
  isRouterActive.value = false
  nextTick(() => {
    isRouterActive.value = true
  })
})
</script>

<style>
/* CSS */
</style>
